<template>
  <div class="find">
       <!-- <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore" >

       </mt-loadmore> -->
       <com-list />

       <div class="city">
          <h2 style="font-size:40px; color:#f00;">{{city}}</h2>
       </div>
      <city-list></city-list>
  </div>
</template>

<script>
import cityList from '@/view/CityList'
import { Loadmore } from 'mint-ui'
import comList from '@/components/ComList'
export default {
  name: 'find',
  data () {
    return {
      allLoaded: false
    }
  },

  methods: {
    loadTop () {

    },
    loadBottom () {

    }
  },
  computed: {
    city () {
      return this.$store.getters.getCityFn
    }
  },
  components: {
    mtLoadmore: Loadmore,
    comList,
    cityList
  }
}
</script>
<style lang="less">
 .find { padding: 10px;}

</style>
